<div class="span5">
   <div class="widget-box transparent">
      <div class="widget-header widget-header-flat">
         <h4 class="lighter">
            <i class="icon-star orange"></i>
            Sản phẩm nổi bật
         </h4>
         <div class="widget-toolbar">
            <a href="#" data-action="collapse">
            <i class="icon-chevron-up"></i>
            </a>
         </div>
      </div>
      <div class="widget-body">
         <div class="widget-main no-padding">
            <table class="table table-bordered table-striped">
               <thead>
                  <tr>
                     <th>
                        <i class="icon-caret-right blue"></i>
                        Tên
                     </th>
                     <th>
                        <i class="icon-caret-right blue"></i>
                        Số lượng
                     </th>
                     <th class="hidden-phone">
                        <i class="icon-caret-right blue"></i>
                        Trạng thái
                     </th>
                  </tr>
               </thead>
               <tbody>
                  <tr>
                     <td>Vải caki</td>
                     <td>
                        <small>
                        <s class="red">1000m</s>
                        </small>
                        <b class="green">900m</b>
                     </td>
                     <td class="hidden-phone">
                        <span class="label label-info arrowed-right arrowed-in">mới nhập</span>
                     </td>
                  </tr>

                  <tr>
                     <td>Vải bò</td>
                     <td>
                        <small>
                        <s class="red"></s>
                        </small>
                        <b class="green">500m</b>
                     </td>
                     <td class="hidden-phone">
                        <span class="label label-success arrowed-in arrowed-in-right">Đã nhận đủ</span>
                     </td>
                  </tr>

                  <tr>
                     <td>Vải thun</td>
                     <td>
                        <small>
                        <s class="red"></s>
                        </small>
                        <b class="green">2000m</b>
                     </td>
                     <td class="hidden-phone">
                        <span class="label label-important arrowed">Đang chờ nhập</span>
                     </td>
                  </tr>

                  <tr>
                     <td>Vải lụa</td>
                     <td>
                        <small>
                        <s class="red">800m</s>
                        </small>
                        <b class="green">800m</b>
                     </td>
                     <td class="hidden-phone">
                        <span class="label arrowed">
                        <s>Hết hàng</s>
                        </span>
                     </td>
                  </tr>

                  <tr>
                     <td>Vải thô</td>
                     <td>
                        <small>
                        <s class="red"></s>
                        </small>
                        <b class="green">600m</b>
                     </td>
                     <td class="hidden-phone">
                        <span class="label label-warning arrowed arrowed-right">Còn hàng</span>
                     </td>
                  </tr>
               </tbody>
            </table>
         </div>
         <!--/widget-main-->
      </div>
      <!--/widget-body-->
   </div>
   <!--/widget-box-->
</div>